<template>
    <div  @onContextmenu="() => false">
		<div class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">chat (聊天窗口)</h1>
		</div>
		<pre id='h'></pre>
		<div class="mui-content">
			<div id='msg-list'>
                <div v-for="(item, i) in new Array(30).fill(0)" :key="i" class="msg-item">
                        <i class="msg-user mui-icon mui-icon-person"></i>
                    <div class="msg-content">
                        <div class="msg-content-inner">
                            test
                        </div>
                        <div class="msg-content-arrow"></div>
                    </div>
                    <div class="mui-item-clear"></div>
                </div>
			</div>
		</div>
		<footer>
			<div class="footer-left">
				<i id='msg-image' class="mui-icon mui-icon-camera" style="font-size: 28px;"></i>
			</div>
			<div class="footer-center">
				<textarea id='msg-text' type="text" class='input-text'></textarea>
				<button id='msg-sound' type="button" class='input-sound' style="display: none;">按住说话</button>
			</div>
			<label for="" class="footer-right">
				<i id='msg-type' class="mui-icon mui-icon-mic"></i>
			</label>
		</footer>
		<div id='sound-alert' class="rprogress">
			<div class="rschedule"></div>
			<div class="r-sigh">!</div>
			<div id="audio_tips" class="rsalert">手指上滑，取消发送</div>
		</div>
    </div>
</template>
<script>
export default {
    data(){
        return {}
    },
    created(){        
        
    },
    mounted(){
    }
}
</script>

<style scoped>
@import url(./style.css);
</style>
